<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
      <title>Моя карта</title>
      <link rel="shortcut icon" href="/favicon.ico" />
      <script type="text/javascript" src="js/moyakarta.js"></script>
   </head>
   <body onload="initialize()">

      <center>
         <div id="map_canvas" style="width: 500px; height: 300px"></div>
   
         <div id="div_url" style="width: 500px; height: 65px">
            <br/>
            <a href="" id="refresh" >Обновить</a>&nbsp;
            <input id="textlink" value="" title="Адрес карты" size="60" type="text" maxlength="2048" 
               spellcheck="false" style="width: 500px;"/><br/>
         </div>
         <div id="map_links" style="width: 500px; height: 120px">
            <table border="0" cellpadding="10" cellspacing="0">
               <tr valign="top">
               <td><a href="google-maps" id="google-maps">
                  <img border="0" src="images/google.jpg"><br/>
                  google</a><br/></td>
               <td><a href="yandex-maps" id="yandex-maps" >
                  <img border="0" src="images/yandex.jpg"><br/>
                  yandex</a><br/></td>
               <td><a href="visicom-maps" id="visicom-maps" >
                  <img border="0" src="images/visicom.jpg"><br/>
                  visicom</a><br/></td>
               <td><a href="google-maps-mobile" id="google-maps-mobile">
                  <img border="0" src="images/google-m.jpg"><br/>
                  google<br/> mobile</a><br/></td>
               </tr>
            </table>
         </div>
         <div id="marker_links" style="width: 500px; height: 50px; margin-left:45%;">
             <form align="center"> 
                <input id="setmarker" type="button" value="Поставить маркер" name="button1" onClick="processMarker(false)">
                <input id="removemarker" type="button" value="Убрать маркер" name="button2" onClick="processMarker(false)">  
             </form>
             <!-- a href="" id="gpslink" >GPS: ваши координаты</a -->
             <input id="gpsbutton" type="button" value="GPS маркер" name="buttongpsmarker" onClick="processMarker(true)">
         </div>
         <br/>
         <form> 
            <input id="resizeMicro" type="button" value="Размер микро" name="buttonMicro" onClick="resizeMapMicro()">
            <input id="resizeSmall" type="button" value="Размер A" name="buttonA" onClick="resizeMapA()">
            <input id="resizeNormal" type="button" value="Размер B" name="buttonB" onClick="resizeMapB()">
            <input id="resizeLarge" type="button" value="Размер C" name="buttonC" onClick="resizeMapC()">
            <input id="resizeMacro" type="button" value="Размер макро" name="buttonMacro" onClick="resizeMapMacro()">
         </form>
      </center>
   </body>

</html>
